export const basicUsage = `
import { PhProgressBar } from 'phoeon'
interface Progress{
    type:{
        type:String,
        default:"primary" //主题色<primary|success|warning|danger|info|default>
    },
    value:{
        type:Number,
        default:0 //当前值
    },
    max:{
        type:Number,
        required:true //最大值
    },
    animate:{
        type:Boolean,
        default:false //动画开启，需要配合striped:true
    },
    striped:{
        type:Boolean,
        default:false //双颜色间隔
    },
    height:{
        type:Number,
        default:8 //高度[0~32]
    },
    format:{
        type:String,
        default:"v/m" //文字展示模式v/m分数，%百分
    }
}
`;
export const demo1 = `<ph-progress-bar :value="0" :max="100" format="当前进度：v/m"></ph-progress-bar>`;
export const demo2 = `<ph-progress-bar :value="10" :max="100" format="进度：%"></ph-progress-bar>`;
export const demo3 = `<ph-progress-bar :value="20" :max="100" format="v/m" type="success" ></ph-progress-bar>`;
export const demo4 = `<ph-progress-bar :value="30" :max="100" :height="15" type="info" format="v/m" :animate="true" ></ph-progress-bar>`;
export const demo5 = `<ph-progress-bar :value="40" :max="100" type="warning" format="v/m" :animate="true" ></ph-progress-bar>`;
export const demo6 = `<ph-progress-bar :value="60" :max="100" :height="15" type="info" format="v/m"></ph-progress-bar>`;
export const demo7 = `<ph-progress-bar :value="70" :max="100" type="danger" format="v/m" :animate="true" :striped="true"></ph-progress-bar>`;
export const demo8 = `<ph-progress-bar :value="100" :max="100" type="danger" format="v/m"></ph-progress-bar>`;
export const demo9 = `<ph-progress-bar :value="90" :max="100" :height="16" :animate="true" type="plain" format="v/m"></ph-progress-bar>`;
export const demo10 = `<ph-progress-bar :value="3" :max="10" :height="15" type="info" format="v/m"></ph-progress-bar>`;
